<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="se"
	uri="http://www.springframework.org/security/tags"%>
<div id="content_work">
	<!-- 컨텐츠 -->
</div>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="js/jquery.popupWindow.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="../js/jquery.popupWindow.js"></script>
<script src="../js/highcharts.js"></script>
<script src="../js/exporting.js"></script>

<!-- tabs, popupwindow -->
<script type="text/javascript">
	$(function() {
		$("#tabs").tabs();
		$('button.Basicbar').popupWindow({
			windowURL : "admin_chart/Basicbar.jsp",
			centerScreen : 1,
			height : 470,
			width : 800,
			top : 50,
			left : 50
		});

		$('button.Basicline').popupWindow({
			windowURL : "admin_chart/Basicline.jsp",
			centerScreen : 1,
			height : 470,
			width : 800,
			top : 50,
			left : 50
		});

		$('button.Basicarea').popupWindow({
			windowURL : "admin_chart/Basicarea.jsp",
			centerScreen : 1,
			height : 470,
			width : 800,
			top : 50,
			left : 50
		});

		$('button.Piechart').popupWindow({
			windowURL : "admin_chart/Piechart.jsp",
			centerScreen : 1,
			height : 470,
			width : 800,
			top : 50,
			left : 50
		});
	});
</script>

</head>
<body>
	<!-- tabs -->
	<div id="tabs">
		<ul>
			<li><a href="#tabs-1">Full chart</a></li>
			<li><a href="#tabs-2">Basic bar</a></li>
			<li><a href="#tabs-3">Basic line</a></li>
			<li><a href="#tabs-4">Basic area</a></li>
			<li><a href="#tabs-5">Pie chart</a></li>
		</ul>
		
		<div id="tabs-1">
			<table>
				<tr>
					<td><iframe src="admin_chart\Basicbar.jsp" width="440" height="380" scrolling="no"></iframe></td>
					<td><iframe src="admin_chart\Basicline.jsp" width="440"	height="380" scrolling="no"></iframe></td>
				</tr>
				<tr>
					<td><iframe src="admin_chart\Basicarea.jsp" width="440" height="380" scrolling="no"></iframe></td>
					<td><iframe src="admin_chart\Piechart.jsp" width="440" height="380" scrolling="no"></iframe></td>
				</tr>
			</table>
		</div>
		
		<div id="tabs-2">
			<iframe src="admin_chart\Basicbar.jsp" style="width: 650px; height: 450px; margin: 0"></iframe>
			<p><button class="Basicbar">open window</button></p>
		</div>
		
		<div id="tabs-3">
			<iframe src="admin_chart\Basicline.jsp"	style="width: 650px; height: 450px; margin: 0"></iframe>
			<p><button class="Basicline">open window</button></p>
		</div>
		
		<div id="tabs-4">
			<iframe src="admin_chart\Basicarea.jsp"	style="width: 650px; height: 450px; margin: 0"></iframe>
			<p><button class="Basicarea">open window</button></p>
		</div>
		
		<div id="tabs-5">
			<iframe src="admin_chart\Piechart.jsp" style="width: 650px; height: 450px; margin: 0"></iframe>
			<p><button class="Piechart">open window</button></p>
		</div>

	</div>
</body>
</html>